@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */





html {
	box-sizing: border-box;
	overflow-y: scroll;
	/* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%;
	/* iOS 8+ */
}

*,
::before,
::after {
	background-repeat: no-repeat;
	/* Set `background-repeat: no-repeat` to all elements */
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit;
	/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
	padding: 0;
	/* Reset `padding` and `margin` of all elements */
	margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
	display: none;
	height: 0;
}

hr {
	overflow: visible;
	/* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

summary {
	display: list-item;
	/* Add the correct display in all browsers */
}

small {
	font-size: 80%;
	/* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none;
	/* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted;
	/* Add a bordered underline effect in all browsers */
	text-decoration: none;
	/* Remove text decoration in Firefox 40+ */
}

a {
	background-color: transparent;
	/* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects;
	/* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
	outline-width: 0;
	/* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	/* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder;
	/* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic;
	/* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

[type=number] {
	width: auto;
	/* Firefox 36+ */
}

[type=search] {
	-webkit-appearance: textfield;
	/* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
	/* Safari 8 */
}

textarea {
	overflow: auto;
	/* Internet Explorer 11+ */
	resize: vertical;
	/* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold;
	/* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible;
	/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none;
	/* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
}

select::-ms-expand {
	display: none;
	/* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
	/* Internet Explorer 11+ */
}

legend {
	border: 0;
	/* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
	/* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
	/* Correct the text wrapping in Edge and IE */
	max-width: 100%;
	/* Correct the text wrapping in Edge and IE */
	white-space: normal;
	/* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS and Safari */
	font: inherit;
	/* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
	-webkit-appearance: textfield;
	/* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px;
	/* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
	/* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

svg:not(:root) {
	overflow: hidden;
	/* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
	[hidden~=screen] {
		display: inherit;
	}

	[hidden~=screen]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* Specify the progress cursor of updating elements */
[aria-busy=true] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms opacity;
	-o-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0px, -50%, 0);
	transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: 200ms top, 200ms -webkit-transform;
	transition: 200ms top, 200ms -webkit-transform;
	-o-transition: 200ms transform, 200ms top;
	transition: 200ms transform, 200ms top;
	transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 200ms left, 200ms -webkit-transform;
	transition: 200ms left, 200ms -webkit-transform;
	-o-transition: 200ms transform, 200ms left;
	transition: 200ms transform, 200ms left;
	transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 200ms right, 200ms -webkit-transform;
	transition: 200ms right, 200ms -webkit-transform;
	-o-transition: 200ms transform, 200ms right;
	transition: 200ms transform, 200ms right;
	transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000000;
}

.swiper-pagination-lock {
	display: none;
}

/* Scrollbar */
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 1200px;
}

.u-clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.u-d-none {
	display: none !important;
}

.u-d-inline {
	display: inline !important;
}

.u-d-inline-block {
	display: inline-block !important;
}

.u-d-block {
	display: block !important;
}

.u-d-table {
	display: table !important;
}

.u-d-table-row {
	display: table-row !important;
}

.u-d-table-cell {
	display: table-cell !important;
}

.u-d-flex {
	display: flex !important;
}

.u-d-inline-flex {
	display: inline-flex !important;
}

@media (min-width: 320px) {
	.u-d-xs-none {
		display: none !important;
	}

	.u-d-xs-inline {
		display: inline !important;
	}

	.u-d-xs-inline-block {
		display: inline-block !important;
	}

	.u-d-xs-block {
		display: block !important;
	}

	.u-d-xs-table {
		display: table !important;
	}

	.u-d-xs-table-row {
		display: table-row !important;
	}

	.u-d-xs-table-cell {
		display: table-cell !important;
	}

	.u-d-xs-flex {
		display: flex !important;
	}

	.u-d-xs-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 375px) {
	.u-d-sm-none {
		display: none !important;
	}

	.u-d-sm-inline {
		display: inline !important;
	}

	.u-d-sm-inline-block {
		display: inline-block !important;
	}

	.u-d-sm-block {
		display: block !important;
	}

	.u-d-sm-table {
		display: table !important;
	}

	.u-d-sm-table-row {
		display: table-row !important;
	}

	.u-d-sm-table-cell {
		display: table-cell !important;
	}

	.u-d-sm-flex {
		display: flex !important;
	}

	.u-d-sm-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 768px) {
	.u-d-md-none {
		display: none !important;
	}

	.u-d-md-inline {
		display: inline !important;
	}

	.u-d-md-inline-block {
		display: inline-block !important;
	}

	.u-d-md-block {
		display: block !important;
	}

	.u-d-md-table {
		display: table !important;
	}

	.u-d-md-table-row {
		display: table-row !important;
	}

	.u-d-md-table-cell {
		display: table-cell !important;
	}

	.u-d-md-flex {
		display: flex !important;
	}

	.u-d-md-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 1080px) {
	.u-d-lg-none {
		display: none !important;
	}

	.u-d-lg-inline {
		display: inline !important;
	}

	.u-d-lg-inline-block {
		display: inline-block !important;
	}

	.u-d-lg-block {
		display: block !important;
	}

	.u-d-lg-table {
		display: table !important;
	}

	.u-d-lg-table-row {
		display: table-row !important;
	}

	.u-d-lg-table-cell {
		display: table-cell !important;
	}

	.u-d-lg-flex {
		display: flex !important;
	}

	.u-d-lg-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 1280px) {
	.u-d-xl-none {
		display: none !important;
	}

	.u-d-xl-inline {
		display: inline !important;
	}

	.u-d-xl-inline-block {
		display: inline-block !important;
	}

	.u-d-xl-block {
		display: block !important;
	}

	.u-d-xl-table {
		display: table !important;
	}

	.u-d-xl-table-row {
		display: table-row !important;
	}

	.u-d-xl-table-cell {
		display: table-cell !important;
	}

	.u-d-xl-flex {
		display: flex !important;
	}

	.u-d-xl-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 1440px) {
	.u-d-xxl-none {
		display: none !important;
	}

	.u-d-xxl-inline {
		display: inline !important;
	}

	.u-d-xxl-inline-block {
		display: inline-block !important;
	}

	.u-d-xxl-block {
		display: block !important;
	}

	.u-d-xxl-table {
		display: table !important;
	}

	.u-d-xxl-table-row {
		display: table-row !important;
	}

	.u-d-xxl-table-cell {
		display: table-cell !important;
	}

	.u-d-xxl-flex {
		display: flex !important;
	}

	.u-d-xxl-inline-flex {
		display: inline-flex !important;
	}
}

.u-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	clip-path: inset(50%);
}

html {
	min-width: 320px;
}

@media (min-width: 768px) {
	html {
		min-width: 1280px;
	}
}

body {
	font-family: "Microsoft Yahei", Arial;
	font-size: 15px;
	color: #1f1f1f;
	/* letter-spacing: 1px; */
	font-feature-settings: "palt"1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

@media (min-width: 768px) {
	body {
		font-size: 16px;
	}
}

a {
	color: currentColor;
	text-decoration: none;
}

img,
svg {
	vertical-align: middle;
}

ol,
ul {
	list-style: none;
}

[data-whatinput=mouse] :focus,
[data-whatinput=touch] :focus {
	outline: none;
}

body>img {
	display: block;
	height: 0 !important;
	font-size: 0;
}





.l-container {
	padding: 0 20px;
}

@media (min-width: 768px) {
	.l-container {
		width: 1160px;
		padding: 0;
		margin: 0 auto;
	}
}

@media (min-width: 1360px) {
	.l-container--wide {
		width: auto;
		margin: 0 100px;
	}
}

.l-footer__scroll {
	position: absolute;
	top: 0;
	right: 45px;
	height: 155px;
}

.l-footer__scroll-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px 12px 0;
	font-family: "Microsoft Yahei", Arial;
	font-size: 11px;
	color: #fff;
	border-left: 1px solid #fff;
	transition: 0.4s;
}

.l-footer__scroll-button:hover {
	padding-top: 20px;
}

.l-footer__scroll-inner {
	letter-spacing: 0.3em;
	white-space: nowrap;
	writing-mode: vertical-rl;
}

.l-footer__contact {
	padding: 60px 0;
	background: url("/assets/images/pages/common/footer_contact_bg.jpg") no-repeat center/cover;
}

@media (min-width: 768px) {
	.l-footer__contact {
		padding: 110px 0;
		background-image: url("/assets/images/pages/common/footer_contact_bg_md.jpg");
	}
}

.l-footer__contact .button a {
	width: 100%;
	height: 120px;
	font-size: 23px;
	font-weight: 600;
	text-indent: 0.4em;
	letter-spacing: 0.4em;
}

@media (min-width: 768px) {
	.l-footer__contact .button a {
		height: 180px;
		font-size: 34px;
		text-indent: 0.45em;
		letter-spacing: 0.45em;
	}
}

.l-footer__contact .button svg {
	position: static;
	margin: 0 0 0 25px;
}

@media (min-width: 768px) {
	.l-footer__contact .button svg {
		position: absolute;
		right: 60px;
		width: 25px;
		height: 15px;
		margin: auto;
	}
}

.l-footer__sitemap {
	position: relative;
	padding-bottom: 65px;
	color: #fff;
	background: #1f1f1f;
}

@media (min-width: 768px) {
	.l-footer__sitemap {
		padding: 115px 0 120px;
	}
}

.l-footer__bottom {
	padding: 60px 0 70px;
	color: #fff;
	text-align: center;
	background: #000;
}

@media (min-width: 768px) {
	.l-footer__bottom {
		padding: 80px 0 95px;
	}
}

.l-footer__bottom .logo-40th svg,
.l-footer__bottom .logo svg {
	fill: #fff;
}

.l-footer__bottom .logo-40th {
	margin-bottom: 42px;
}

@media (min-width: 768px) {
	.l-footer__bottom .logo-40th svg {
		width: 178px;
		height: 157px;
	}
}

.l-footer__bottom .logo {
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	.l-footer__bottom .logo svg {
		width: 308px;
		height: 27px;
	}
}

.l-footer__bottom .copy small {
	font-family: "Microsoft Yahei", Arial;
	font-size: 12px;
	font-weight: 400;
}

@media (min-width: 768px) {
	.l-footer__bottom .copy small {
		font-size: 13px;
	}
}

.l-header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 320px;
	height: 65px;
	padding: 0 20px;
	color: #fff;
}

@media (min-width: 768px) {
	.l-header {
		min-width: 1280px;
		height: 120px;
		padding: 0 60px;
	}
}

.l-header__logo {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	margin-right: auto;
	line-height: 1;
}

.l-header__logo a {
	display: flex;
	align-items: center;
}

.l-header__logo svg {
	fill: #fff;
}

.l-header__logo-co {
	max-width: 154px;
	height: auto;
}

@media (min-width: 768px) {
	.l-header__logo-co {
		max-width: 238px;
		height: auto;
	}
}

@media (min-width: 768px) and (max-width: 1440px) {
	.l-header__logo-co {
		width: 210px;
	}
}

.l-header__logo-40th {
	width: 34px;
	height: 30px;
	margin: -5px 0 0 13px;
}

@media (min-width: 768px) {
	.l-header__logo-40th {
		width: 68px;
		height: 60px;
		margin: -5px 0 0 24px;
	}
}

@media (min-width: 768px) and (max-width: 1440px) {
	.l-header__logo-40th {
		width: 60px;
	}
}

.l-header__menu-trigger {
	position: relative;
	z-index: 10;
}

@media (min-width: 768px) {
	.l-header__menu-trigger {
		display: flex;
		align-items: center;
		margin-left: 45px;
	}
}

@media (min-width: 768px) and (max-width: 1440px) {
	.l-header__menu-trigger {
		margin-left: 30px;
	}
}

.l-header__menu-trigger .line-wrap {
	position: relative;
	display: block;
	width: 25px;
	height: 22px;
}

@media (min-width: 768px) {
	.l-header__menu-trigger .line-wrap {
		width: 20px;
		height: 17px;
	}
}

.l-header__menu-trigger .line {
	position: absolute;
	right: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 768px) {
	.l-header__menu-trigger .line {
		height: 1px;
	}
}

.l-header__menu-trigger .line:nth-child(1) {
	top: 0;
}

.l-header__menu-trigger .line:nth-child(2) {
	top: 50%;
}

.l-header__menu-trigger .line:nth-child(3) {
	top: 100%;
}

.l-header__menu-trigger .text {
	position: relative;
	margin-left: 20px;
	font-family: "Microsoft Yahei", Arial;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.4em;
}

@media (max-width: 767.98px) {
	.l-header__menu-trigger .text {
		display: none;
	}
}

.l-header__menu-trigger .text__open,
.l-header__menu-trigger .text__close {
	display: block;
	transition: opacity 0.5s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-header__menu-trigger .text__close {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: translateX(25%);
}

@media (min-width: 768px) {
	.l-header__menu-trigger:not(.is-active):hover .line:nth-child(1) {
		transform: translateY(-2px);
	}

	.l-header__menu-trigger:not(.is-active):hover .line:nth-child(3) {
		transform: translateY(2px);
	}
}

.l-header__menu-trigger.is-active .line {
	transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.l-header__menu-trigger.is-active .line:nth-child(1) {
	top: 50%;
	transform: rotate(45deg);
}

.l-header__menu-trigger.is-active .line:nth-child(2) {
	opacity: 0;
}

.l-header__menu-trigger.is-active .line:nth-child(3) {
	top: 50%;
	transform: rotate(-45deg);
}

.l-header__menu-trigger.is-active .text__open {
	opacity: 0;
	transform: translateX(25%);
}

.l-header__menu-trigger.is-active .text__close {
	opacity: 1;
	transform: translateX(0);
}

@media (min-width: 768px) {
	.l-header__menu-trigger.is-active:hover .line:nth-child(1) {
		transform: rotate(35deg);
	}

	.l-header__menu-trigger.is-active:hover .line:nth-child(3) {
		transform: rotate(-35deg);
	}
}

.l-header__global-button {
	position: relative;
	z-index: 10;
	margin-top: 67px;
}

@media (min-width: 768px) {
	.l-header__global-button {
		width: 120px;
		height: 46px;
		margin: 0;
	}
}

.l-header__global-button a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	border: 1px solid #fff;
}

@media (min-width: 768px) {
	.l-header__global-button a {
		height: 100%;
		font-size: 11px;
		transition: 0.3s;
	}

	.l-header__global-button a:hover {
		color: #1f1f1f;
		background: #fff;
	}

	.l-header__global-button a:hover svg {
		fill: #000;
	}
}

.l-header__global-button svg {
	position: absolute;
	top: 8px;
	right: 8px;
	fill: #fff;
}

@media (min-width: 768px) {
	.l-header__global-button svg {
		transition: 0.3s;
	}
}

.l-header__store-button {
	width: 190px;
	height: 60px;
}

.l-header__store-button .car-buy {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	border: 1px solid #000;
	transition: 0.3s;
}

.l-header__store-button a:hover {
	color: #fff;
	background-color: #000;
}

.l-header__store-button a:hover svg {
	fill: #fff;
}

.l-header__store-button svg {
	position: absolute;
	top: 25px;
	right: 20px;
	fill: #000;
	transition: 0.3s;
}

.l-header__nav {
	height: 100%;
}

@media (max-width: 1440px) {
	.l-header__nav {
		flex: 1 1 auto;
	}
}

.l-header__nav .nav-list {
	display: flex;
	height: 100%;
}

@media (max-width: 1440px) {
	.l-header__nav .nav-list {
		justify-content: space-around;
		margin: 0 20px;
	}
}

.l-header__nav .nav-list__item {
	display: flex;
	margin-right: 40px;
	font-size: 16px;
	font-weight: 500;
}

@media (max-width: 1440px) {
	.l-header__nav .nav-list__item {
		margin-right: 0;
	}
}

.l-header__nav .nav-list__item a,
.l-header__nav .nav-list__item button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

}

.l-header__nav .nav-list__item a::before,
.l-header__nav .nav-list__item button::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	content: "";
	background: #1f1f1f;
	transition: transform 0.3s;
	transform: translateY(200%);
}

.l-header__nav .nav-list__item a:hover::before,
.l-header__nav .nav-list__item button:hover::before {
	transform: translateY(0);
}

.l-header--fixed,
.l-header--sticky {
	color: #000;
	background: #fff;
}

.l-header--fixed .l-header__logo svg,
.l-header--sticky .l-header__logo svg {
	fill: #000;
}

.l-header--fixed .l-header__menu-trigger .line,
.l-header--sticky .l-header__menu-trigger .line {
	background-color: #000;
}

.l-header--fixed .l-header__global-button a,
.l-header--sticky .l-header__global-button a {
	border-color: #000;
}

.l-header--fixed {
	position: fixed;
	transition: transform 0.3s;
	transform: translateY(-100%);
}

.l-header--fixed.is-active {
	transform: translateY(0);
}

.l-header--sticky {
	position: sticky;
}

.change-language {
	position: relative;
	margin-right: 25px;
}

@media (min-width: 768px) {
	.change-language {
		margin-right: 0;
	}
}

.change-language__box {
	display: flex;
	align-items: center;
}

.change-language .language-list {
	position: relative;
	font-family: "Microsoft Yahei", Arial;
	font-weight: 500;
}

.change-language .language-list:first-child .language-txt {
	padding-left: 0;
}

.change-language .language-list:last-child .language-txt {
	padding-right: 0;
}

.change-language .language-list:last-child .language-txt::before {
	display: none;
}

.change-language .language-txt {
	position: relative;
	padding: 0 12px 3.75px;
	font-size: 16px;
	line-height: 0;
	letter-spacing: 0.15em;
}

@media (min-width: 768px) {
	.change-language .language-txt {
		padding: 0 12px 7.5px;
	}
}

.change-language .language-txt::before {
	position: absolute;
	top: -3.5px;
	right: 0;
	bottom: 0;
	width: 1px;
	height: calc(100% - 12px);
	margin: auto;
	content: "";
	background: #fff;
}

@media (min-width: 768px) {
	.change-language .language-txt::before {
		top: -7.5px;
	}
}

.change-language .language-txt.is-active::after {
	position: absolute;
	bottom: 0;
	left: 1px;
	width: calc(100% - 14px);
	height: 2px;
	content: "";
	background: #fff;
}

@media (min-width: 768px) {
	.change-language .language-txt.is-active::after {
		left: 1px;
	}
}

.change-language--another {
	position: relative;
	display: none;
	margin-right: 25px;
}

@media (min-width: 768px) {
	.change-language--another {
		display: block;
		margin-right: 0;
	}
}

.change-language--another__box {
	display: flex;
	align-items: center;
}

.change-language--another .language-list {
	position: relative;
	font-family: Arial;
}

.change-language--another .language-list:first-child .language-txt {
	padding-left: 0;
}

.change-language--another .language-list:last-child .language-txt {
	padding-right: 0;
}

.change-language--another .language-list:last-child .language-txt::before {
	display: none;
}

.change-language--another .language-txt {
	position: relative;
	padding: 0 12px 3.75px;
	font-size: 16px;
	line-height: 0;
	letter-spacing: 0.15em;
}

@media (min-width: 768px) {
	.change-language--another .language-txt {
		padding: 0 12px 7.5px;
	}
}

.change-language--another .language-txt::before {
	position: absolute;
	top: -3.5px;
	right: 0;
	bottom: 0;
	width: 1px;
	height: calc(100% - 12px);
	margin: auto;
	content: "";
}

@media (min-width: 768px) {
	.change-language--another .language-txt::before {
		top: -7.5px;
	}
}

.change-language--another .language-txt.is-active::after {
	position: absolute;
	bottom: 0;
	left: 1px;
	width: calc(100% - 14px);
	height: 1px;
	content: "";
}

@media (min-width: 768px) {
	.change-language--another .language-txt.is-active::after {
		left: 1px;
	}
}

.l-main {
	overflow: hidden;
}

.l-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
	display: none;
	width: 100%;
	height: 100%;
	padding-top: 65px;
	color: #fff;
	visibility: hidden;
	background: #1f1f1f;
	opacity: 0;
	transition: visibility 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (min-width: 768px) {
	.l-menu {
		padding: 100px 0 0;
	}
}
@media (max-width: 768px) {
	.l-menu {
		padding-top:100px;
	}
}

.l-menu.is-active {
	visibility: visible;
	opacity: 1;
}

.l-menu .l-header__logo {
	position: absolute;
	top: 26px;
	left: 20px;
}

@media (min-width: 768px) {
	.l-menu .l-header__logo {
		top: 47px;
		left: 60px;
	}
}

.l-menu__buttons {
	position: absolute;
	top: 22px;
	right: 20px;
	display: flex;
	align-items: center;
}

@media (min-width: 768px) {
	.l-menu__buttons {
		top: 50px;
		right: 60px;
	}
}

.l-menu__inner {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 767.98px) {
	.l-menu__inner {
		border-top: 1px solid #363636;
	}
}

@media (min-width: 768px) {
	.l-menu__inner .l-container {
		display: flex;
		align-items: center;
		min-height: 100%;
		position: relative;
		    z-index: 999;
	}
}

@media (max-width: 767.98px) {
	.l-menu .l-sitemap {
		padding-bottom: 150px;
	}
}

@media (min-width: 768px) {
	.l-menu .l-sitemap__inner {
		grid-template-columns: 260px 260px 260px 1fr;
		padding: 30px 0;
	}
}

@media (min-width: 768px) {

	.l-menu .l-sitemap__category:nth-child(1),
	.l-menu .l-sitemap__category:nth-child(3) {
		padding-bottom: 70px;
	}
}

@media (min-width: 768px) {
	.l-menu .l-sitemap__button {
		font-size: 18px;
		opacity: .5;
		font-weight: 300;
	}
}

@media (min-width: 768px) {
	.l-menu .l-sitemap__item {
		font-size: 16px;
	}
}

@media (min-width: 768px) {
	.l-menu .l-sitemap__buttons .l-sitemap__button {
		margin-bottom: 65px;
	}
}

@media (min-width: 768px) {
	.l-menu .l-sitemap__buttons .l-sitemap__button-mb {
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) {

	.l-menu .l-sitemap__right .l-sitemap__category--blog,
	.l-menu .l-sitemap__right .l-sitemap__category--special {
		padding-bottom: 50px;
	}
}

@media (min-width: 768px) {
	.l-menu .l-sitemap__right .other-links__item {
		margin-bottom: 20px;
		font-size: 14px;
	}
}

.l-nav-content {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	color: #fff;
	
	background: #3c4142;
	transition: height 0.3s;
}

.l-nav-content .l-container {
	position: relative;
}

.l-nav-content__item {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 120px 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
}

.l-nav-content__item.is-active {
	visibility: visible;
	opacity: 1;
}

.l-nav-content__heading .en {
	display: block;
	font-family: Arial;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.45em;
}

.l-nav-content__heading .ja {
	display: block;
	margin-top: 35px;
	font-size: 14px;
	font-weight: 300;
}

.l-nav-content__low {
	width: 650px;
}

.l-nav-content__low .low-nav-list {
	display: flex;
	flex-wrap: wrap;
}

.l-nav-content__low .low-nav-list__item {
	width: 50%;
	height: 60px;
	font-size: 14px;
	font-weight: 300;
	border: 1px solid #fff;
}

.l-nav-content__low .low-nav-list__item:nth-child(2n) {
	border-left-width: 0;
}

.l-nav-content__low .low-nav-list__item:nth-child(n+3) {
	border-top-width: 0;
}

.l-nav-content__low .low-nav-list__item a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.l-nav-content__low .low-nav-list__item a {
		transition: 0.3s;
	}

	.l-nav-content__low .low-nav-list__item a:hover {
		color: #1f1f1f;
		background: #fff;
	}

	.l-nav-content__low .low-nav-list__item a:hover svg {
		fill: #000;
	}
}

.l-nav-content__low .low-nav-list__item svg {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
	fill: #fff;
	transition: 0.3s;
}

.l-sitemap__button {
	font-family: "Microsoft Yahei", Arial;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.2em;
}

@media (max-width: 767.98px) {
	.l-sitemap__button {
		border-bottom: 1px solid #363636;
	}
}

@media (min-width: 768px) {
	.l-sitemap__button {
		font-size: 18px;
		opacity: .5;
		font-weight: 300;
	}
}

@media (max-width: 767.98px) {

	.l-sitemap__button a,
	.l-sitemap__button .inner {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		height: 60px;
		padding: 10px 20px;
	}

	.c-lm-tit {
		padding: 10px 20px;
		margin-bottom: 0;
		margin-top: 20px;
	}

	.c-lm-cont {
		padding: 10px 20px;
	}

	.er-img {
		padding: 0px 20px;
	}

	.er-img .er-item {
		margin-right: 10px;
	}



}

.l-sitemap__button a .ja,
.l-sitemap__button .inner .ja {
	margin-top: 5px;
	font-size: 9px;
	font-weight: 300;
	line-height: 1;
}

@media (min-width: 768px) {
	.l-sitemap__button a:hover {
		border-bottom: 1px solid #fff;
	}
}

.l-sitemap__button svg {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
	fill: #fff;
}

@media (min-width: 768px) {
	.l-sitemap__button svg {
		display: none;
	}
}

.l-sitemap__button .blank {
	position: relative;
}

.l-sitemap__button .blank::before {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 8px;
	height: 8px;
	content: "";
	background: url("/assets/images/pages/common/icon_blank.svg") no-repeat center/contain;
}

@media (min-width: 768px) {
	.l-sitemap__button .blank::before {
		top: 0;
		right: -20px;
		bottom: 0;
		margin: auto;
	}
}

@media (min-width: 768px) {
	.l-sitemap__buttons .l-sitemap__button {
		margin-bottom: 55px;
	}
}

@media (min-width: 768px) {
	.l-sitemap__buttons .l-sitemap__button-mb {
		margin-bottom: 30px;
	}
}

@media (max-width: 767.98px) {
	.l-sitemap__category {
		border-bottom: 1px solid #363636;
	}
}

@media (min-width: 768px) {

	.l-sitemap__category:nth-child(1),
	.l-sitemap__category:nth-child(3) {
		padding-bottom: 50px;
	}
}

@media (max-width: 767.98px) {
	.l-sitemap__heading {
		position: relative;
	}

	.l-sitemap__heading::before,
	.l-sitemap__heading::after {
		position: absolute;
		top: 0;
		right: 20px;
		bottom: 0;
		width: 13px;
		height: 1px;
		margin: auto;
		content: "";
		background: #fff;
	}

	.l-sitemap__heading::after {
		transition: 0.3s;
		transform: rotate(90deg);
	}

	.l-sitemap__heading[aria-expanded=true]::after {
		transform: rotate(0);
	}
}

@media (min-width: 768px) {
	.l-sitemap__heading {
		margin-bottom: 30px;
	}
}

.l-sitemap__heading.l-sitemap__button {
	border-bottom-width: 0;
}

.l-sitemap__item {
	padding: 0 20px 25px;
	font-size: 13px;
	font-weight: 300;
	line-height: 1;
}

@media (min-width: 768px) {
	.l-sitemap__item {
		padding: 0;
		margin-top: 12px;
		font-size: 16px;
	}

	.l-sitemap__item a:hover {
		border-bottom: 1px solid #fff;
	}
}

.l-sitemap__item:first-child {
	margin-top: 5px;
}

.l-sitemap__item a::before {
	content: "- ";
}

.l-sitemap__item a[target=_blank] {
	position: relative;
}

.l-sitemap__item a[target=_blank]::after {
	position: absolute;
	top: 0;
	right: -20px;
	bottom: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	content: "";
	background: url("/assets/images/pages/common/icon_blank.svg") no-repeat center/contain;
}

.l-sitemap__inner {
	margin: 0 -20px;
}

@media (min-width: 768px) {
	.l-sitemap__inner {
		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns: 260px 260px 280px 1fr;
		width: 100%;
		margin: 0;
	}

	.l-sitemap__inner>*:nth-child(1) {
		grid-row: 2;
		grid-column: 1;
	}

	.l-sitemap__inner>*:nth-child(2) {
		grid-row: 1;
		grid-column: 1;
	}

	.l-sitemap__inner>*:nth-child(3) {
		grid-row: 1;
		grid-column: 3;
	}

	.l-sitemap__inner>*:nth-child(4) {
		grid-row: 1;
		grid-column: 2;
	}

	.l-sitemap__inner>*:nth-child(5) {
		grid-row: 2;
		grid-column: 2;
	}

	.l-sitemap__inner>*:nth-child(6) {
		grid-row: 2;
		grid-column: 3;
	}
}

@media (min-width: 768px) {
	.l-sitemap__right {
		position: relative;
		display: flex;
		flex-direction: column;
	}
}

@media (min-width: 768px) {
	.l-sitemap__right .l-sitemap__category--blog {
		order: 1;
		padding-bottom: 40px;
	}
}

@media (min-width: 768px) {
	.l-sitemap__right .l-sitemap__category--special {
		order: 2;
		padding-bottom: 40px;
	}
}

.l-sitemap__right .online-store {
	margin: 40px 20px;
}

@media (min-width: 768px) {
	.l-sitemap__right .online-store {
		order: 4;
		margin: auto 0 0;
	}
}

.l-sitemap__right .online-store a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	color: #1f1f1f;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	background: #fff;
}

@media (min-width: 768px) {
	.l-sitemap__right .online-store a {
		width: 270px;
		height: 60px;
		border: 1px solid #fff;
		transition: 0.3s;
		font-family: "Microsoft Yahei", Arial;
	}

	.l-sitemap__right .online-store a:hover {
		color: #fff;
		background: #1f1f1f;
	}

	.l-sitemap__right .online-store a:hover svg {
		fill: #fff;
	}
}

.l-sitemap__right .online-store svg {
	position: absolute;
	top: 8px;
	right: 8px;
}

@media (min-width: 768px) {
	.l-sitemap__right .online-store svg {
		transition: 0.3s;
	}
}

.l-sitemap__right .sns-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 335px;
	margin: 40px auto 0;
}

@media (min-width: 768px) {
	.l-sitemap__right .sns-list {
		position: absolute;
		bottom: 0;
		left: -50px;
		width: 100%;
		height: 60px;
		transform: translateX(-100%);
	}
}

.l-sitemap__right .sns-list__item svg {
	fill: #fff;
}

@media (min-width: 768px) {
	.l-sitemap__right .sns-list__item svg {
		width: 34px;
		height: 24px;
		transition: 0.3s;
	}
}

@media (min-width: 768px) {
	.l-sitemap__right .sns-list__item a:hover svg {
		opacity: 0.7;
	}
}

@media (max-width: 767.98px) {
	.l-sitemap__right .other-links {
		margin: 0 20px;
	}
}

@media (min-width: 768px) {
	.l-sitemap__right .other-links {
		order: 3;
	}
}

.l-sitemap__right .other-links__item {
	margin-bottom: 22px;
	font-size: 13px;
	font-weight: 300;
	line-height: 1;
}

@media (min-width: 768px) {
	.l-sitemap__right .other-links__item {
		margin-bottom: 15px;
		font-size: 12px;
	}

	.l-sitemap__right .other-links__item a:hover {
		border-bottom: 1px solid #fff;
	}
}

.l-sitemap__right .other-links__item a[target=_blank] {
	position: relative;
}

.l-sitemap__right .other-links__item a[target=_blank]::before {
	position: absolute;
	top: 0;
	right: -20px;
	bottom: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	content: "";
	background: url("/assets/images/pages/common/icon_blank.svg") no-repeat center/contain;
}

.c-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 225px;
	height: 55px;
	margin: 0 auto;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	text-indent: 0.3em;
	letter-spacing: 0.3em;

	border: 1px solid #000;
}

.b-button-bg {
	background: url(../images/more.svg) 8px center;
	background-repeat: no-repeat;
	background-size: 28px;
}

.b-button-bg:hover {
	background: url(../images/more-w.svg) 8px center;
	background-repeat: no-repeat;
	background-size: 28px;
}

.b-button-bg-white {
	background: url(../images/more-w.svg) 8px center;
	background-repeat: no-repeat;
	background-size: 28px;
}

.b-button-bg-white:hover {
	background: url(../images/more.svg) 8px center;
	background-repeat: no-repeat;
	background-size: 28px;
}


@media (min-width: 768px) {
	.c-button {
		width: 270px;
		height: 60px;
		font-size: 12px;
		transition: 0.3s;
	}

	.c-button:hover {
		color: #fff;
		background-color: #000;
	}

	.c-button:hover svg {
		fill: #fff;
	}
}

.c-button svg {
	position: absolute;
	top: 0;
	right: 14px;
	bottom: 0;
	margin: auto;
	fill: #000;
}

@media (min-width: 768px) {
	.c-button svg {
		transition: 0.3s;
	}
}

.c-button--more::before,
.c-button--more::after {
	position: absolute;
	top: 0;
	right: 14px;
	bottom: 0;
	width: 11px;
	height: 1px;
	margin: auto;
	content: "";
	background: #000;
}

.c-button--more::after {
	transform: rotate(90deg);
}

.c-button--white {
	color: #fff;
	border-color: #fff;
}

.c-button--white svg {
	fill: #fff;
}

@media (min-width: 768px) {
	.c-button--white:hover {
		color: #000;
		background-color: #fff;
	}

	.c-button--white:hover svg {
		fill: #000;
	}
}

.c-heading {
	padding-bottom: 35px;
	font-family: "Microsoft Yahei", Arial;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.32;
	text-align: center;
	text-indent: 0.45em;
	letter-spacing: 0.45em;
}

@media (min-width: 768px) {
	.c-heading {
		padding-bottom: 50px;
		font-size: 46px;
		background-size: auto 8px;
	}

	.c-heading span+span {
		margin-left: -0.3em;
	}
}

.c-page-heading {
	text-align: center;
}

.c-page-heading__en {
	display: block;
	font-family: Arial;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	text-indent: 0.45em;
	letter-spacing: 0.45em;
}

@media (min-width: 768px) {
	.c-page-heading__en {
		font-size: 46px;
	}
}

.c-page-heading__ja {
	display: block;
	margin-top: 25px;
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
}

@media (min-width: 768px) {
	.c-page-heading__ja {
		margin-top: 35px;
		font-size: 14px;
	}
}

.c-content-heading {
	padding-bottom: 28px;
	margin-bottom: 36px;
	text-align: center;
	text-indent: 0.45em;
	letter-spacing: 0.45em;
	background: url("/assets/images/pages/common/heading_deco.svg") no-repeat center bottom/auto 5px;
}

@media (min-width: 768px) {
	.c-content-heading {
		padding-bottom: 65px;
		margin-bottom: 88px;
		background-size: auto 8px;
	}
}

.c-content-heading__en {
	display: block;
	font-family: Arial;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	text-indent: 0.45em;
	letter-spacing: 0.45em;
}

@media (min-width: 768px) {
	.c-content-heading__en {
		font-size: 14px;
	}
}

.c-content-heading__en2 {
	display: block;
	font-family: Arial;
	font-size: 28px;
	font-weight: 600;
	line-height: 35px;
	text-indent: 0.45em;
	letter-spacing: 0.45em;
}

@media (min-width: 768px) {
	.c-content-heading__en2 {
		margin-top: 30px;
		font-size: 46px;
		line-height: 1;
	}
}

.c-content-heading__ja {
	display: block;
	padding-top: 10px;
	font-size: 23px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0.1em;
}

@media (min-width: 768px) {
	.c-content-heading__ja {
		padding-top: 30px;
		font-size: 38px;
		line-height: 1;
	}
}

.c-page-heading__ja--space {
	text-indent: 1px;
	letter-spacing: 1px;
}

.c-loading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #000;
	transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition-delay: 0.1s;
}

.c-loading__logo-40th,
.c-loading__logo-co {
	opacity: 0;
	fill: #fff;
	transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	transform: translateY(25px);
}

@media (min-width: 768px) {

	.c-loading__logo-40th,
	.c-loading__logo-co {
		transform: translateY(50px);
	}
}

.c-loading__logo-40th {
	margin-bottom: 44px;
}

@media (min-width: 768px) {
	.c-loading__logo-40th {
		width: 248px;
		height: 218px;
		margin-bottom: 88px;
	}
}

.c-loading__logo-co {
	transition-delay: 0.1s;
}

@media (min-width: 768px) {
	.c-loading__logo-co {
		width: 366px;
		height: 31px;
	}
}

.c-loading.start .c-loading__logo-40th,
.c-loading.start .c-loading__logo-co {
	opacity: 1;
	transform: translateY(0);
}

.c-loading.loaded {
	visibility: hidden;
	opacity: 0;
}

.c-loading.loaded .c-loading__logo-40th,
.c-loading.loaded .c-loading__logo-co {
	opacity: 0;
	transition-delay: 0s;
	transform: translateY(-25px);
}

@media (min-width: 768px) {

	.c-loading.loaded .c-loading__logo-40th,
	.c-loading.loaded .c-loading__logo-co {
		transform: translateY(-50px);
	}
}

.c-news-list__item {
	border-bottom: 1px solid #e8e8e8;
}

.c-news-list .news {
	display: block;
	padding: 25px 0;
	overflow: hidden;
}

@media (min-width: 768px) {
	.c-news-list .news {
		display: flex;
		align-items: center;
		padding: 40px;
		transition: background-color 0.3s;
	}

	.c-news-list .news:hover {
		background: rgba(0, 0, 0, 0.05);
	}
}

.c-news-list .c-news-list .news__category {
	font-family: "Microsoft Yahei", Arial;
	line-height: 1;
}

.news__date {
	font-family: Arial;
	line-height: 1;
}

@media (max-width: 767.98px) {

	.c-news-list .news__date,
	.c-news-list .news__category {
		float: left;
		margin-bottom: 18px;
	}
}

.c-news-list .news__date {
	font-size: 13px;
	font-weight: 400;
}

@media (min-width: 768px) {
	.c-news-list .news__date {
		flex: 0 0 auto;
		width: 135px;
		font-size: 14px;
	}
}

.c-news-list .news__category {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 73px;
	height: 20px;
	margin: -3px 0 0 20px;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 0.3em;
	background: #1f1f1f;
}

@media (min-width: 768px) {
	.c-news-list .news__category {
		flex: 0 0 auto;
		width: 100px;
		height: 30px;
		margin: 0 50px 0 0;
		font-size: 14px;
	}
}

.c-news-list .news__text {
	clear: both;
	font-size: 13px;
	font-weight: 400;
	line-height: 2.3;
	line-height: 1.7;
}

@media (min-width: 768px) {
	.c-news-list .news__text {
		flex: 1 1 auto;
		font-size: 16px;
	}
}

.c-pagination {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7px;
}

@media (min-width: 768px) {
	.c-pagination {
		align-items: center;
		margin: 0;
	}
}

.c-pagination__list {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 7px 25px;
}

@media (min-width: 768px) {
	.c-pagination__list {
		flex: 1 1 auto;
		order: 1;
		width: auto;
		margin: 0;
	}
}

.c-pagination__item {
	width: 40px;
	height: 40px;
}

@media (min-width: 768px) {
	.c-pagination__item {
		margin: 0 2px;
	}
}

.c-pagination__item,
.c-pagination__item a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Arial;
	font-size: 15px;
}

@media (min-width: 768px) {

	.c-pagination__item,
	.c-pagination__item a {
		font-size: 16px;
	}
}

.c-pagination__item a {
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.c-pagination__item a:hover {
		font-weight: 700;
	}
}

.c-pagination__item.is-active a {
	font-weight: 700;
}

.c-pagination__prev,
.c-pagination__next {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	height: 55px;
	margin: 0 7px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	border: 1px solid #000;
	transition: background-color 0.3s, color 0.3s;
}

@media (min-width: 768px) {

	.c-pagination__prev,
	.c-pagination__next {
		flex: 0 0 auto;
		width: 270px;
		height: 60px;
	}

	.c-pagination__prev:hover,
	.c-pagination__next:hover {
		color: #fff;
		background: #000;
	}

	.c-pagination__prev:hover svg,
	.c-pagination__next:hover svg {
		fill: #fff;
	}
}

.c-pagination__prev:not([href]),
.c-pagination__next:not([href]) {
	visibility: hidden;
}

.c-pagination__prev svg,
.c-pagination__next svg {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.3s;
}

.c-pagination__prev {
	padding-left: 12px;
}

@media (min-width: 768px) {
	.c-pagination__prev {
		order: 0;
	}
}

.c-pagination__prev svg {
	left: 14px;
	transform: scaleX(-1);
}

.c-pagination__next {
	padding-right: 12px;
}

@media (min-width: 768px) {
	.c-pagination__next {
		order: 2;
	}
}

.c-pagination__next svg {
	right: 14px;
}

.c-tab-selector__button-wrap {
	display: none;
}

@media (min-width: 768px) {
	.c-tab-selector__button-wrap {
		display: flex;
	}
}

.c-tab-selector__button {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	font-family: "Microsoft Yahei", Arial;
	font-size: 16px;
	font-weight: 700;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	border: 1px solid #1f1f1f;
	transition: background-color 0.3s, color 0.3s;
}

.c-tab-selector__button:not(:first-child) {
	border-left-width: 0;
}

.c-tab-selector__button::before,
.c-tab-selector__button::after {
	position: absolute;
	right: 0;
	left: 0;
	width: 1px;
	margin: auto;
	content: "";
	opacity: 0;
	transition: 0.3s 0.1s;
}

.c-tab-selector__button::before {
	bottom: 0;
	height: 15px;
	background: #fff;
}

.c-tab-selector__button::after {
	bottom: -5px;
	height: 5px;
	background: #1f1f1f;
}

.c-tab-selector__button.is-active,
.c-tab-selector__button:hover {
	color: #fff;
	background-color: #1f1f1f;
}

.c-tab-selector__button.is-active::before,
.c-tab-selector__button.is-active::after {
	height: 10px;
	opacity: 1;
}

.c-tab-selector__button.is-active::after {
	bottom: -10px;
	height: 10px;
}

.c-tab-selector__select {
	position: relative;
}

@media (min-width: 768px) {
	.c-tab-selector__select {
		display: none;
	}
}

.c-tab-selector__select::before {
	position: absolute;
	top: 0;
	right: 19px;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	pointer-events: none;
	content: "";
	border: solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.c-tab-selector__select select {
	display: flex;
	align-items: center;
	width: 100%;
	height: 55px;
	padding: 0 23px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	border: 1px solid #000;
	border-radius: 0;
}
h2.c-heading.group-list__item.js-scroll-active.is-active {
    padding: 8px 10px 8px 15px;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 500;
    color: #1f1f1f;
    border-left: 2px solid #000;
}

.page .about-list-text p.en.group {
    background: #eee;
    padding: 30px;
    max-width: 80%;
    font-weight: normal;
    
    letter-spacing: normal;
}
@media (max-width: 768px) {
	.page .about-list-text p.en.group {
		max-width: 100%;
	}
}